<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>元D源代码</title>
    <!-- 网站图标 -->
    <link rel="shortcut icon" href="static/favicon.ico">
    <!-- 引入bootstrap样式 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="css/reset.less">
    <!-- 引入样式 -->
    <link rel="stylesheet/less" href="css/index.less">
    <!-- 引入公共样式 -->
    <link rel="stylesheet/less" href="css/common.less">
</head>
<body>

    <!-- 导航栏 -->
    <div class="start">
      <div class="info">
        
        <div class="on1">
          <span class="logo">YD源代码</span>
        </div>
        <ul class="on2">
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
          <li class="hh">YD源代码3.14正式版发布 <span class="time">2021-11-01</span></li>
        </ul>
        <div class="on3">
          <div class="bian">
            <a href=""><img src="img/android.png" alt=""><span>Android</span></a>
          </div>
          <div class="bian">
            <a href=""><img src="img/apple (1).png" alt=""><span>iOS</span></a>
          </div>
          <div class="bian">
            <a href=""><img src="img/windows-fill (1).png" alt=""><span>Windows</span></a>
          </div>
          <div class="bian">
            <a href=""><img src="img/apple (1).png" alt=""><span>macOS</span></a>
          </div>
        </div>
      </div>
    </div>

    <!-- 主页 -->
    <div class="one"></div>

    <!-- 加一个锚点链接到下面 -->
    <div class="two">
      <!-- 这里面有许多小商品 -->
      <div></div>
    </div>

    <!-- 这里是一个详情说明 -->
    <div class="three"></div>

    <!-- 最后一个底部 -->
    <footer class="end">

    </footer>


   



















</body>
</html>
<!-- 解析less文件 -->
<script src="js/less.min.js"></script>

<!-- 引入jquery -->
<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>